//变量声明
//混合器
@mixin mask($opacity){
background-repeat: no-repeat;
//图片自适应大小
background-size: cover;
//伪元素相对于容器绝对定位，实现阴影滤镜
position: relative;
//应用上级选择器的伪类/伪元素选择器
&::before{
display: block;
width: 100%;
height: 100%;
content: '';//伪类元素必须设置content属性
background-color: rgba(0,0,0,$opacity);
//绝对定位在容器左上角
position: absolute;
top: 0;
left: 0;
}
    }
    
    #nav{
margin-bottom: 0px;
.navbar-brand{
font-size: 2.6rem;
color: green;
}
#navbar{
font-size: 2rem;
font-weight: bold;
}
    }
    #advert{
.container-fluid{
background-image: url(../imgs/home-bg.jpg);
@include mask(0.7);
h2{
color: white;
text-align: center;
line-height: 2em;
}
p{
text-align: center;
}
img{
margin: 10px 0; 
 }
.container{
 color: white;
 // padding: $padding-big;
  }
}
    }
    #jvzh{
.row{
height: 300px;
 margin-top: 50px;
}
.shen{
background-color:rgba(221, 218, 218,0.2);
 }
.row img{
width: 300px;
height: 300px;
}
.row p{
margin-top: 30px;
}
    }
    #contact{
.container-fluid{
 background-image: url("https://api.map.baidu.com/staticimage/v2?ak=m8sNQEfnreZrYdFxQtUix8Ao5HSlddsk&mcode=666666&center=116.403874,39.914888&width=1000&height=600&zoom=14 ");
 @include mask(0.6);
.container{
 height: 500px;
 }
 .row {
margin-top: 50px;
text-align: left;
}
.row .lef{
color: white;
 }
.row .lef p{
margin-top: 30px;
font-size: 1.8rem;
font-weight: 500;
}
.row .rig p{
margin-top: 20px;
width: 500px;
}
.row .rig p input{
height: 50px;
}
.row .rig p #name{
width: 230px;
}
.row .rig p #eml{
width: 215px;
margin-left: 50px;
}
.row .rig p #bt{
width: 500px;
}
.row .rig p textarea{
height: 90px;
width: 500px;
}
.row .rig p #tj{
width: 270px;
background-color: aquamarine;
border: 0px;
color: white;
font-size: 2rem;
}
.row .rig p #tj:hover{
width: 270px;
background-color: white;
border: 1px solid aquamarine;
color: aquamarine;
font-size: 2rem;
}
}
    }
#footer{
    position: relative;
    margin-bottom: 0px;
p{
line-height: 50px;
font-size: 1.5rem;
}
}
    